<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Work-serve</title>
<script src="<?php echo base_url(); ?>js/jquery-1.11.0.min.js"></script>
<script src="<?php echo base_url(); ?>js/jquery.calculation.min.js"></script>
<script src="<?php echo base_url(); ?>js/custom.js"></script>
</head>
<body>
<form name="form1" method="post" action="" style="position:relative">
  <div class="left">
    <h1>Work-serve</h1>
    <div id="body">
      <h3>Price rate</h3>
    </div>
  </div>
  <div id="formContent">
  </div>
  <div id="container">
    <div class="body">
      <div class="section_box2">
        <div id="detail_left">
          <p>
            <label for="color">color</label>
            <select name="color" id="color">
              <option value="black">black</option>
              <option value="red">red</option>
              <option value="green">green</option>
            </select>
          </p>
          <p>
            <label for="qty">Quantity</label>
            <input type="text" size="2" value="0" id="qty_item_1" name="qty_item_1">
            <input type="hidden" size="2" value="10" id="price_item_1" name="price_item_1">
            <input type="hidden" size="2" value="20" id="price_item_2" name="price_item_1">
            <input type="hidden" size="2" value="30" id="price_item_3" name="price_item_1">
            <input type="hidden" size="2" value="40" id="price_item_4" name="price_item_1">
          <div id="total_item_1">$39.99</div>
          <div id="grandTotal"></div>
          </p>
          <p>
            <label for="color">จำนวนเฉดสี</label>
            <select name="lengthcolor" id="lengthcolor">
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
            </select>
          </p>
          <select name="qty_0" id="qty_0">
          </select>
          <p>
            <label for="format">แบบลาย</label>
            <select name="format" id="format">
              <option value="images/format/a1.jpg">A1</option>
              <option value="images/format/a2.jpg">A2</option>
              <option value="images/format/a3.jpg">A3</option>
              <option value="images/format/a4.jpg">A4</option>
            </select>
          </p>
          <p>
            <label for="txt1">Text1</label>
            <input type="text" name="txt1" id="txt1">
          </p>
          <p>
            <label for="txt2">Text2</label>
            <input type="text" name="txt2" id="txt2">
          </p>
          <p>
            <label for="package">แบบ Package</label>
            <select name="package" id="package">
              <option value="images/package/t1.jpg">T1</option>
              <option value="images/package/t2.jpg">T2</option>
              <option value="images/package/t3.jpg">T3</option>
              <option value="images/package/t4.jpg">T4</option>
              <option value="images/package/t5.jpg">T5</option>
            </select>
          </p>
        </div>
        <div id="detail_right" style="left: 250px;position: absolute;top: 50px;">
          <div id="show_img_colortype" style="float:left"><img id="swapImg_format" width="150" src="http://www.google.com/doodle4google/2010/images/doodle-sesame.gif"></div>
          <div id="show_img_packtype" style="float:left"><img id="swapImg_package" width="150" src="http://www.google.com/doodle4google/2010/images/doodle-sesame.gif"> </div>
          <div class="detail_right_box"  style=" clear:both">
            <p class="detail_total_text">ราคารวม</p>
            <p id="detail_total">￥<span id="total_amount"></span></p>
          </div>
          <div class="detail_right_box">
            <p class="detail_total_text">ราคา/1หน่วย</p>
            <p id="detail_unit">￥<span id="per_one">price per one</span></p>
          </div>
        </div>
        <br class="clear">
      </div>
    </div>
  </div>
</form>
</body>
</html>
